<template>
    <div>
      <label for="folderPathInput">请输入输出文件夹路径:</label>
      <input type="text" id="folderPathInput" v-model="folderPath" />
      <button @click="sendFolderPath">发送到后端</button>
    </div>
  </template>
  <!-- 用于输入输出文件夹的组件 -->
  <script>
  import { postOutFolderPath } from '../../services/FileService/FileApi'; // 假设 fileApi.js 导出 postOutFolderPath 方法
  
  export default {
    name: 'FolderOutputComponent',
    data() {
      return {
        folderPath: '', // 用于存储用户输入的文件夹路径
      };
    },
    methods: {
      async sendFolderPath() {
        if (this.folderPath.trim() === '') {
          alert('请输入一个有效的文件夹路径。');
          return;
        }
  
        try {
          await postOutFolderPath(this.folderPath); // 调用外部方法将路径发送到后端
          alert('文件夹路径已成功发送到后端。');
        } catch (error) {
          alert('发送文件夹路径时出错:', error.message);
        }
      },
    },
  };
  </script>
  